<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title></title>
    <link rel="stylesheet" href="../public.css">
    <link rel="stylesheet" href="./新增合同.css">

    <body>
        <header>
            <nav>
                <div class="logo">
                    <span>客户资源信息</span>管理后台
                </div>
                <ul class="management">
                    <li><span>&#xe661;</span>权限管理</li>
                    <li><span>&#xe659;</span>用户列表</li>
                    <li><span>&#xe68d;</span>系统日志</li>
                </ul>
                <ul class="management">
                    <li><span class="ponum">&#xe65f;</span>在线人数</li>
                    <li class="msgbtn">
                        <span class="message">&#xe650;</span>系统消息
                        <div class="newmsg" id="newmsg">
                            <div><span>最新消息</span><span class="down">&#xe600;</span></div>
                            <ul>
                                <li>【版本更新】书链管理后台1.3版<span>09-12</span></li>
                                <li>【版本更新】书链管理后台1.3版<span>09-11</span></li>
                                <li>【版本更新】书链管理后台1.3版<span>09-10</span></li>
                                <li>【版本更新】书链管理后台1.3版<span>09-09</span></li>
                                <li>【版本更新】书链管理后台1.3版<span>09-08</span></li>
                            </ul>
                        </div>
                    </li>
                    <li><span>&#xe620;</span>用户<span>&#xe65c;</span></li>
                </ul>
            </nav>
        </header>
        <div class="bigbox">
            <div class="sidebar">
                <ul>
                    <li class="home"><span>&#xe60c;</span><a href="javascript:;">首页</a></li>
                    <li><span>&#xe659;</span><a href="javascript:;">机构管理</a></li>
                    <li class="li-list"><span>&#xe775;</span><a href="javascript:;">信息管理</a></li>
                    <li class="li-list"><span>&#xe775;</span><a href="javascript:;">商机管理</a></li>
                    <li class="li-list"><span>&#xe775;</span><a href="javascript:;">产品管理</a></li>
                    <li class="li-list"><span>&#xe775;</span><a href="javascript:;">合同管理</a></li>
                    <li class="li-list"><span>&#xe775;</span><a href="javascript:;">日志管理</a></li>
                    <li class="li-list"><span>&#xe775;</span><a href="javascript:;">预约管理</a></li>
                    <li class="li-list"><span>&#xe775;</span><a href="javascript:;">售后管理</a></li>
                    <li class="li-list"><span>&#xe775;</span><a href="javascript:;">任务清单</a></li>
                    <li><span>&#xe620;</span><a href="javascript:;">员工管理</a></li>
                    <li><span>&#xe64b;</span><a href="javascript:;">资料库管理</a></li>
                    <li><span>&#xe60d;</span><a href="javascript:;">系统对接管理</a></li>
                    <li><span>&#xe60a;</span><a href="javascript:;">统计分析</a></li>
                    <li><span>&#xe659;</span><a href="javascript:;">用户管理</a></li>
                    <li><span>&#xe65e;</span><a href="javascript:;">系统配置</a></li>
                    <li><span>&#xe611;</span><a href="javascript:;">系统日志</a></li>
                    <li><span>&#xe647;</span><a href="javascript:;">安全退出</a></li>
                </ul>
            </div>
            <div class="box-right">
                <div class="rig-con">
                    <div class="xzhtkj">
                        <h3>创建合同信息</h3>
                        <div class="xz-bt">
                            <span class="s1-ht">合同基本信息</span> <span class="s1-ht">注：带有“*”必填项</span>
                        </div>
                        <form action="">
                            <table>
                                <tr>
                                    <td>合同名称：</td>
                                    <td><input type="text" class="txt" id="contractName" name="contractName"><span class="redx">*</span></td>
                                </tr>
                                <tr>
                                    <td>机构名称：</td>
                                    <td><input type="text" class="txt" id="institutionName" name="institutionName"><button class="cxan">查询</button><span class="redx">*</span></td>
                                </tr>
                                <tr>
                                    <td>购买产品类别：</td>
                                    <td>
                                        <input value="bkzq" name="buyCategory" type="checkbox"><span class="ckb"> 博看专区</span>
                                        <input value="sjapp" name="buyCategory" type="checkbox"><span class="ckb"> 手机APP</span>
                                        <input value="wk" name="buyCategory" type="checkbox"><span class="ckb"> 微刊</span>
                                        <input value="cpp" name="buyCategory" type="checkbox"><span class="ckb"> 触碰屏</span>
                                        <span class="redx">*</span>
                                    </td>
                                </tr>
                                <tr>
                                    <td>服务方式：</td>
                                    <td>
                                        <input value="jx" name="serveWay" type="checkbox"><span class="ckb"> 镜像</span>
                                        <input value="yc" name="serveWay" type="checkbox"><span class="ckb"> 远程</span>
                                        <input value="gwyhm" name="serveWay" type="checkbox"><span class="ckb"> 馆外用户名</span>
                                        <span class="redx">*</span>
                                    </td>
                                </tr>
                                <tr>
                                    <td>资源范围：</td>
                                    <td>
                                        <input id="qx1" type="checkbox"><span class="ckb"> 全选</span>
                                        <input class="bqx1" value="qk" name="resourceScope" type="checkbox"><span class="ckb"> 期刊</span>
                                        <input class="bqx1" value="bz" name="resourceScope" type="checkbox"><span class="ckb"> 报纸</span>
                                        <input class="bqx1" value="ts" name="resourceScope" type="checkbox"><span class="ckb"> 图书</span>
                                        <span class="redx">*</span>
                                    </td>
                                </tr>
                                <tr>
                                    <!-- 隐藏框内容 -->
                                    <td colspan="2">
                                        <div class="ycnr">
                                            <span><input type="checkbox"> 全库</span><span><input type="checkbox"> 选刊</span>
                                        </div>
                                        <div class="ycnr">
                                            <span><input type="checkbox"> 全库</span><span><input type="checkbox"> 选刊</span>
                                        </div>
                                        <div class="ycnr">
                                            <span><input type="checkbox"> 全库</span><span><input type="checkbox"> 选刊</span>
                                        </div>
                                    </td>

                                </tr>
                                <tr>
                                    <td>合同性质：</td>
                                    <td><select name="contractNature" id="">
                                        <option value="">新增</option>
                                    </select><span class="redx">*</span></td>
                                </tr>
                                <tr>
                                    <td>合同类型：</td>
                                    <td><select name="contractCategory" id="">
                                        <option value="value名自己起">销售</option>
                                    </select><span class="redx">*</span></td>
                                </tr>
                                <tr>
                                    <td>合同经办人：</td>
                                    <td><input type="text" class="txt w180" name="htjbr"><span class="redx">*</span></td>
                                </tr>
                                <tr>
                                    <td>合同联系人：</td>
                                    <td><input type="text" placeholder="负责机构签合同的联系人" class="txt w180" name="htlxr"><span class="redx">*</span></td>
                                </tr>
                                <tr>
                                    <td>合同总金额：</td>
                                    <td><input type="text" class="txt w180" name="htzje"> 元<span class="redx">*</span></td>
                                </tr>
                                <tr>
                                    <td>付款方式：</td>
                                    <td><select name="paymentWay" id="pw">
                                        <option value="1">一次性付款</option>
                                        <option value="2">按年支付</option>
                                        <option value="3">分期付款</option>
                                    </select><span class="redx">*</span></td>
                                </tr>
                                <!-- 切换区域 -->
                                <tr class="pw-n">
                                    <td></td>
                                    <td><input type="date" name="paymentWay-1" class="w180" id="">前支付</td>
                                </tr>
                                <tr class="pw-n">
                                    <td></td>
                                    <td></td>
                                </tr>
                                <tr class="pw-n">
                                    <td></td>
                                    <td></td>
                                </tr>
                                <tr>
                                    <td>签约日期：</td>
                                    <td><input type="date" name="qyrq" class="w180"><span class="redx">*</span></td>
                                </tr>
                                <tr>
                                    <td>签约期限：</td>
                                    <td><input type="date" name="htqx1" class="w180"> &nbsp;至&nbsp; <input type="date" name="htqx2" class="w180"><span class="redx">*</span></td>
                                </tr>
                                <tr>
                                    <td>负责代理：</td>
                                    <td><input type="text" placeholder="代理机构名称" class="txt w450" name="fzdl"> </td>
                                </tr>

                            </table>
                            <div class="xz-bt">
                                <span class="s1-ht">合同相关信息</span>
                            </div>
                            <table>
                                <tr>
                                    <td>博看签字人：</td>
                                    <td><input type="text" class="txt w320" name="bkqzr"> <span class="redx">*</span></td>
                                </tr>
                                <tr>
                                    <td>博看盖章签字：</td>
                                    <td><input type="text" placeholder="公司名称" class="txt w320" name="bkgzqz"> <span class="redx">*</span></td>
                                </tr>
                                <tr>
                                    <td>机构签字人：</td>
                                    <td><input type="text" class="txt w320" name="jgqzr"> <span class="redx">*</span></td>
                                </tr>
                                <tr>
                                    <td>机构盖章签字：</td>
                                    <td><input type="text" placeholder="机构客户名称" class="txt w320" name="jggzqz"> <span class="redx">*</span></td>
                                </tr>

                                <tr>
                                    <td style="box-sizing: border-box;padding-bottom:140px;">备注：</td>
                                    <td><textarea name="remark" id="bz" cols="30" rows="10"></textarea></td>
                                </tr>
                                <tr>
                                    <td>合同扫描件：</td>
                                    <td>
                                        <input type="file" name="file" id=""><span style="color: gray;"></span>注：上传纸质合同扫描件，图片格式：JPG或PNG，PDF ，文件大小规定2M</span>
                                    </td>
                                </tr>
                                <tr>
                                    <td>审核状态：</td>
                                    <td><select style="width: 180px;" name="audit" id="">
                                        <option value="-1">未审核</option>
                                    </select>
                                        <input type="button" value="取消" id="clear"></td>
                                </tr>
                                <tr>
                                    <td>合同到期提醒：</td>
                                    <td><input type="radio" name="remind" value="1" checked>开启<input style="margin-left: 50px;" type="radio" name="-1" id="">关闭</td>
                                </tr>
                                <tr>
                                    <td colspan="2">
                                        <input type="submit" value="确定" id="sbt">
                                    </td>
                                </tr>
                            </table>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        <script src="js/jquery-3.6.0.js"></script>
        <script src="./新增合同.js"></script>
        <script>
            let msgbtn = document.querySelector('.msgbtn')
            let down = document.querySelector('.down')
            let newmsg = document.querySelector('.newmsg')

            down.onclick = function(e) {
                newmsg.style.display = 'none'
                e.stopPropagation()
            }
            msgbtn.onclick = function() {
                newmsg.style.display = 'block'
            }
        </script>
    </body>

</html>